<!DOCTYPE html>
<html lang="zh-CN">
	<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>添加银行卡</title>
		<link rel="stylesheet" type="text/css" href="css/rest.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style>
			*{
				box-sizing: border-box;
			}
			.mb10 {
				color: red;
				margin-bottom: 10px;
			}
			
			.m11 {
				padding: 12px 8px;
				margin-top: 20px;
				border: 1px solid #ddd;
				margin-right:15px;
			}
			
			.m12 {
				padding: 33px 5px;
				margin-top: 20px;
				border: 1px dashed #ddd;
			}
			
			.fa-check {
				color: #fff;
				margin-right: 4px;
			}
			
			.fa-times {
				margin-right: 4px;
			}
			
			button {
				background: none;
			}
			
			.btn.active.focus,
			.btn.active:focus,
			.btn.focus,
			.btn:active.focus,
			.btn:active:focus,
			.btn:focus {
				outline: none;
			}
			
			.m01 {
				padding: 5px;
				margin-right: 20px;
				margin-left: 20px;
			}
			
			.m02 {
				padding: 4px 10px;
				background: #428BCA;
				color: #fff;
				margin-right: 20px;
				margin-left: 10px;
			}
			
			.c02 {
				color: #fff;
				padding: 4px 10px;
				background: #428BCA;
				margin-left: 10px;
			}
			
			#aa {
				font-size: 12px;
				border-radius: 0;
				border: 0;
			}
			
			#aa:hover {
				color: #fff;
			}
			
			.m-top {
				margin-top: 15px;
			}
			
			.bg-ff9 {
				background-color: #ff9900;
				padding: 4px 6px;
				margin-right: 8px;
			}
			
			.c-white {
				color: white;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="row">
			
				
				
				<div class="col-md-3 m11">
					<div class="text-center">
						<img src="images/POST.jpg" />
					</div>
					
					<div class="m-top">
						<p class="pull-left m01">尾号3015</p>
						<p class="pull-left m02">储蓄卡</p>
						<a class="btn pull-left c02" id="aa" data-toggle="modal" data-target=".bs-example-modal-sm">查看</a>
					</div>
					<div style="clear: both;"></div>
					
					<div class="text-center m-top">
						<a href="javascript:;" class="mr10 c-2a8 bg-ff9 c-white">&nbsp;&nbsp;默认账号&nbsp;&nbsp;</a>
						<!--  <a href="javascript:;" class="mr10 c-2a8" >删除</a>-->
						<button type="button" class="btn" data-toggle="modal" data-target="#myModal">删除</button>
					</div>

				</div>
				<div class="col-md-3 m11">
					<div class="text-center">
						<img src="images/POST.jpg" />
					</div>
					
					<div class="m-top">
						<p class="pull-left m01">尾号3015</p>
						<p class="pull-left m02">储蓄卡</p>
						<a class="btn pull-left c02" id="aa" data-toggle="modal" data-target=".bs-example-modal-sm">查看</a>
					</div>
					<div style="clear: both;"></div>
					
					<div class="text-center m-top">
						<a href="javascript:;" class="mr10 c-2a8 bg-ff9 c-white">&nbsp;&nbsp;默认账号&nbsp;&nbsp;</a>
						<!--  <a href="javascript:;" class="mr10 c-2a8" >删除</a>-->
						<button type="button" class="btn" data-toggle="modal" data-target="#myModal">删除</button>
					</div>

				</div>
				
				
				<div class="col-md-3 m11">
					<div class="text-center">
						<img src="images/POST.jpg" />
					</div>
					
					<div class="m-top">
						<p class="pull-left m01">尾号3015</p>
						<p class="pull-left m02">储蓄卡</p>
						<a class="btn pull-left c02" id="aa" data-toggle="modal" data-target=".bs-example-modal-sm">查看</a>
					</div>
					<div style="clear: both;"></div>
					
					<div class="text-center m-top">
						<a href="javascript:;" class="mr10 c-2a8 bg-ff9 c-white">&nbsp;&nbsp;默认账号&nbsp;&nbsp;</a>
						<!--  <a href="javascript:;" class="mr10 c-2a8" >删除</a>-->
						<!--<button type="button" class="btn" data-toggle="modal" data-target="#myModal">删除</button>-->
						<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  删除
</button>

					</div>

				</div>
				<div class="col-md-3 m11">
					<div class="text-center">
						<img src="images/POST.jpg" />
					</div>
					
					<div class="m-top">
						<p class="pull-left m01">尾号3015</p>
						<p class="pull-left m02">储蓄卡</p>
						<a class="btn pull-left c02" id="aa" data-toggle="modal" data-target=".bs-example-modal-sm">查看</a>
					</div>
					<div style="clear: both;"></div>
					
					<div class="text-center m-top">
						<a href="javascript:;" class="mr10 c-2a8 bg-ff9 c-white">&nbsp;&nbsp;默认账号&nbsp;&nbsp;</a>
						<!--  <a href="javascript:;" class="mr10 c-2a8" >删除</a>-->
						<button type="button" class="btn" data-toggle="modal" data-target="#myModal">删除</button>
					</div>

				</div>
				<div class="col-md-3  m12 text-center">
					<a href="#" class="btn " data-toggle="modal" data-target=".bs-example-modal-lg">添加银行卡</a> <br />
					<button type="button" class="btn " data-toggle="modal" data-target=".bs-example-modal-lg"><img src="images/add-logo.png"/></button>

				</div>
				<!--小模态框-->

				<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">

					<div class="modal-dialog modal-lg">
						<div class="modal-content">
							<div class="plr-15">
								<form action="" class="form-horizontal" id="addFaqfrom" method="post" style="padding: 50px 0">

									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">银行</label>
										<div class="col-sm-9">
											<input type="text" placeholder="例：广东" class="form-control" name="province" value="中国邮政储蓄银行" readonly="">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">开户行 </label>
										<div class="col-sm-3">
											<div class="input-group"><input type="text" placeholder="例：广东" class="form-control" name="province" value="安徽" readonly="">
												<span class="input-group-addon">省</span>
											</div>
										</div>
										<div class="col-sm-3">
											<div class="input-group"><input type="text" placeholder="广州市" class="form-control" name="city" value="宿州" readonly="">
												<span class="input-group-addon">市</span>
											</div>
										</div>
										<div class="col-sm-3"><input type="text" placeholder="例：白云支行" class="form-control" name="cardaddr" value="砀山县支行" readonly=""></div>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">户主名</label>
										<div class="col-sm-9">
											<input type="text" placeholder="" class="form-control" name="cardmaster" value="黄申" readonly="">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right">卡号</label>
										<div class="col-sm-9">
											<input type="text" placeholder="" class="form-control" name="account" value="6217993740012073015" readonly="">
										</div>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label no-padding-right"></label>
										<div class="col-sm-9">
											<button type="reset" class="btn bor_ra5 btn-grey" data-dismiss="modal" aria-hidden="true"><i class="ace-icon fa fa-times"></i>关闭</button>
										</div>
									</div>

								</form>
							</div>
							<div name="_sign" sign="28f2987bec5124300a3dff21645c949e"></div>
						</div>
						<!-- /.modal-content -->
					</div>
				</div>
				<!--小模态框-->


				<!--大模态框-->
				<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
					<div class="modal-dialog modal-lg" role="document">
						<form action="" class="form-horizontal" id="addFaqfrom" method="post" novalidate="novalidate">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="ace-icon fa fa-times"></i></button>
									<h4 class="modal-title">添加银行卡</h4>
								</div>
								<div class="modal-body">
									<div class="plr-15">
										<div class="mb10 c-cc0">
											*请务必填写真实有效银行卡卡号，并确认银行卡户名与您认证的姓名相同，否则造成的资金错乱后果自负！
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label no-padding-right">银行</label>
											<div class="col-sm-9">
												<select class="form-control" id="form-field-select-1" name="brank">
													<option value="">请选择银行</option>
													<!--  -->
													<option value="BOC-中国银行">中国银行</option>
													<!--  -->
													<option value="SPDB-上海浦东发展银行">上海浦东发展银行</option>
													<!--  -->
													<option value="CMBC-中国民生银行">中国民生银行</option>
													<!--  -->
													<option value="SDB-深圳发展银行">深圳发展银行</option>
													<!--  -->
													<option value="CMB-招商银行">招商银行</option>
													<!--  -->
													<option value="CCB-中国建设银行">中国建设银行</option>
													<!--  -->
													<option value="ABC-中国农业银行">中国农业银行</option>
													<!--  -->
													<option value="POST-中国邮政储蓄银行">中国邮政储蓄银行</option>
													<!--  -->
													<option value="ICBC-中国工商银行">中国工商银行</option>
													<!--  -->
													<option value="BCOM-交通银行">交通银行</option>
													<!--  -->
													<option value="HXB-华夏银行">华夏银行</option>
													<!--  -->
													<option value="HSDB-徽商银行">徽商银行</option>
													<!--  -->
													<option value="CEB-中国光大银行">中国光大银行</option>
													<!--  -->
													<option value="NBCB-宁波银行">宁波银行</option>
													<!--  -->
													<option value="NJCB-南京银行">南京银行</option>
													<!--  -->
													<option value="BOB-北京银行">北京银行</option>
													<!--  -->
													<option value="HKBANK-汉口银行">汉口银行</option>
													<!--  -->
													<option value="BEA-东亚银行">东亚银行</option>
													<!--  -->
													<option value="CIB-兴业银行">兴业银行</option>
													<!--  -->
													<option value="CBHB-渤海银行">渤海银行</option>
													<!--  -->
													<option value="GDB-广发银行股份有限公司">广发银行股份有限公司</option>
													<!--  -->
													<option value="CITIC-中信银行">中信银行</option>
													<!--  -->
													<option value="HZB-杭州银行">杭州银行</option>
													<!--  -->
													<option value="PAB-平安银行（原深圳发展）">平安银行（原深圳发展）</option>
													<!--  -->
													<option value="CZB-浙商银行">浙商银行</option>
													<!--  -->
													<option value="BCS-长沙银行">长沙银行</option>
													<!--  -->
													<option value="GZB-贵州银行">贵州银行</option>
													<!--  -->
													<option value="GLB-桂林银行股份有限公司">桂林银行股份有限公司</option>
													<!--  -->
													<option value="HBBI-湖北银行">湖北银行</option>
													<!--  -->
													<option value="CAB-长安银行">长安银行</option>
													<!--  -->
													<option value="HFB-恒丰银行">恒丰银行</option>
													<!--  -->
													<option value="GYB-贵阳银行">贵阳银行</option>
													<!--  -->
													<option value="HBB-哈尔滨银行">哈尔滨银行</option>
													<!--  -->
													<option value="JZB-锦州银行">锦州银行</option>
													<!--  -->
												</select>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label no-padding-right">开户行 </label>
											<div class="col-sm-3">
												<div class="input-group"><input type="text" placeholder="例：广东" class="form-control" name="province">
													<span class="input-group-addon">省</span>
												</div>
											</div>
											<div class="col-sm-3">
												<div class="input-group"><input type="text" placeholder="广州市" class="form-control" name="city">
													<span class="input-group-addon">市</span>
												</div>
											</div>
											<div class="col-sm-3"><input type="text" placeholder="例：白云支行" class="form-control" name="cardaddr"></div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label no-padding-right">银行卡绑定人</label>
											<div class="col-sm-9 closest">
												<label class="radio-inline"><input type="radio" name="cardmasterType" value="1">公司名称</label>
												<label class="radio-inline"><input type="radio" name="cardmasterType" value="2">法人</label>
												<label class="radio-inline"><input type="radio" name="cardmasterType" value="3">经营授权人</label>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label no-padding-right">户主名</label>
											<div class="col-sm-9">
												<input type="text" placeholder="请选择银行卡绑定人" class="form-control" name="cardMasterName" id="cardMasterName" value="" readonly="readonly">
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label no-padding-right">卡号</label>
											<div class="col-sm-9">
												<input type="text" placeholder="" class="form-control" name="account">
											</div>
										</div>
									</div>
								</div>
								<div class="modal-footer">
									<button class="btn btn-primary dt_btn bor_ra5"><i class="ace-icon fa fa-check bigger-110"></i>确认</button>
									<!--<input class="btn btn-primary dt_btn bor_ra5" type="submit" value="提交">-->
									<button type="reset" class="btn bor_ra5 btn-grey" data-dismiss="modal" aria-hidden="true"><i class="ace-icon fa fa-times"></i>取消</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<!--大模态框-->
				
				
				
				<!--删除-->
				
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">


	<div class="modal-dialog"><div class="modal-content"><div class="modal-header">
		<button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">温馨提示</h4></div>
		<div class="modal-body"><div class="bootbox-body">
			<div class="bootbox-content"><i class="fa fa-info-circle"></i>&nbsp;&nbsp;确定删除信息吗?</div>
		</div></div><div class="modal-footer bootbox-footer" style="text-align:center!important;">
			<button data-bb-handler="cancel" type="button" class="btn btn-default">取消</button>
			<button data-bb-handler="confirm" type="button" class="btn btn-primary">确认</button>
		</div></div></div></div>

			</div>

		</div>



	</body>

	</html>